@charset "UTF-8";
html{min-width: 1200px;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei", "Arial"; color: #333333;}
h1,h2,h3,h4,h5,h6,font{font-size: 14px; font-weight: normal;}
ul,ol,
li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}
.w1300{width: 1300px; margin: 0 auto;}
.ico{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
.itit-ico{background: url(../images/itit-ico.png) no-repeat; display: inline-block; vertical-align: middle;}
.ilink{background: url(../images/ilink.png) no-repeat; display: inline-block; vertical-align: middle;}
.bicon{background: url(../images/bicon.png) no-repeat; display: inline-block; vertical-align: middle;}
.icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
a{color: #000; text-decoration: none;cursor:pointer;}
a:hover{color: #0195df; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,
.ease *{transition: all ease 300ms;}
.noease,
.noease *{transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aaa;}

/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.dialog-layout {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
/***************top and bottom css*********************/
/*top*/
.top_main{height:30px;line-height:30px;border-top:2px solid #0998e0;background:#f5f5f5;}
.top_main .top_l{font-size:12px;color:#666;}
.top_main .top_r{text-align:center;display:block;height:32px;background-size:258px 32px;}
.top_main .top_r .list{display:inline-block; margin-left: 68px;}
.top_main .top_r a{float:left;font-size:12px;color:#666;transition:color 0.3s ease;}
.top_main .top_r .line{margin:9px 12px 0;float:left;display:block;width:1px;height:14px;background:#666;}
.top_main .top_r a:hover{color:#eba8a8;transition:color 0.3s ease;}

/*header_main*/
.header_main{position: relative;width:100%; height:156px; z-index: 98; background: #fff; }
.header_main .header{padding-top:29px;}
.header_main .webLogo{float:left;display: block;width: 278px; height: 60px;}
.header_main .webLogo img{display: block;width:278px;height:60px;vertical-align: middle;}
.header_main .tel_main{float:right;padding-left:60px;background:url("../images/tel1.png") no-repeat left center;background-size:48px 48px;}
.header_main .tel_main .zx{font-size:14px;line-height:14px;color:#333;}
.header_main .tel_main .webTel{margin-top:12px;font-weight:bold;font-family:arial;font-size:30px;line-height:24px;color:#0195df;}

/*nav*/
#nav{position:relative;height:46px;margin-top:20px;z-index:12;}
#nav .navlist{position: relative;display: block; z-index: 4;}
#nav li{padding:0 50px;position:relative;float: left; display: block; list-style: none; font-size: 16px; text-align: center;background:url("../images/navLine.png") no-repeat left center;background-size:1px 14px;}
#nav li:first-child{padding-left:0;padding-right:55px;background:none;}
#nav li.it8{padding-right:0;padding-left:62px;}
#nav li a{display: block; height:46px;text-align: center; font-size:16px;line-height:40px;color: #333;transition: all ease 300ms;}
#nav li.hover a,#nav li:hover a{font-weight:bold;color: #0195df;}
#nav li a.hover{font-weight:bold;color: #0195df;}

/*导航栏下拉*/
#nav ul .suNav{width: 100%; position: absolute; left: 0; top: 47px;z-index:100;display:none;background:#fff;border:1px solid #ddd;}
#nav ul .suNav a{font-weight:normal;color: #333!important; line-height: 35px; height: 35px; padding: 0; text-align: center; overflow: hidden; display: block; margin: 0; font-size: 14px;border-top:1px solid #eaeaea;background:#fff;}
#nav ul .suNav a:first-child{border-top:none;}
#nav ul .suNav a:first-child:hover{border-top:none;}
#nav ul .suNav a:hover {border-top:1px solid #0195df;background: #0195df;color: #fff !important;}

/* banner */
#banner_main{overflow:hidden;z-index: 2;max-width:1920px;margin:0 auto;}
#banner_main .banner1 {position: relative;width:100%;height:680px;margin:0 auto;min-width:1200px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner1 ul{max-height:680px; overflow:hidden;}
.banner1 li {width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner1 li:first-child{display:block;}
.banner1 li img{width:1920px;height:680px;display:block;position:relative;left:50%;margin-left:-960px;top:0;min-width:1200px;}
#banner .tip {width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:50px;z-index:13; }
#banner .tip span{width:50px;height:2px;margin:0 5px;display:inline-block;font-size: 0;cursor: pointer;background-position:-112px 0;}
#banner .tip span.cur{width:60px;background-position:-112px -4px;}
#banner #btn_prev,#banner #btn_next{width:24px;height:73px;position:absolute;top:300px;z-index:5;}
#banner #btn_prev{background-position:-26px 0;left:6.6%;transition: all 600ms ease;}
#banner #btn_next{background-position:-56px 0;right:6.6%;transition: all 600ms ease;}
#banner #btn_prev:hover{background-position:0 0;transition: all 600ms ease;}
#banner #btn_next:hover{background-position:-82px 0;transition: all 600ms ease;}
/*banner end*/

/*footer*/
.bottom_main {width: 100%; height:300px; background: #222;}
.bottom_main .footer{padding-top:80px;}
.bottom_main .left{float:left;width:400px;}
.bottom_main .left .bLogo{display:block;width:230px;height:53px;cursor: pointer;}
.bottom_main .left .bLogo img{display:block;width:230px;height:53px;overflow:hidden;}
.bottom_main .left .bLogo img:hover{filter:brightness(105%);-webkit-filter:brightness(105%);}
.bottom_main .left .bNav{margin-top:26px;}
.bottom_main .left .bNav a{margin-right:50px;margin-bottom:12px;float:left;font-size:14px;line-height:14px;color:#ccc;}
.bottom_main .left .bNav .inav4,.bottom_main .left .bNav .inav8{margin-right:0;}
.bottom_main .left .bNav a:hover{color:#fff;}
.bottom_main .right{float:right;}
.bottom_main .ewm{float:left;display:block;width:114px;height:114px;border:3px solid #999;background:pink;}
.bottom_main .ewm img{display:block;width:114px;height:114px;}
.bottom_main .bInfo{float:right;margin-left:80px;}
.bottom_main .bInfo .telM{padding-left:55px;background:url("../images/tel3.png") no-repeat left center;background-size:45px 45px;}
.bottom_main .bInfo .telM .tx{padding-top:6px;font-size:14px;line-height:14px;color:#fff;}
.bottom_main .bInfo .telM .webTel{margin-top:12px;font-size:26px;line-height:24px;color:#3abdfe;}
.bottom_main .bInfo .contact{padding-left:55px;margin-top:30px;background:url("../images/address.png") no-repeat left center;background-size:45px 45px;}
.bottom_main .bInfo .contact .tx{padding-top:6px;font-size:14px;line-height:14px;color:#fff;}
.bottom_main .bInfo .contact .address{margin-top:11px;font-size:14px;line-height:16px;color:#ccc;}
.bottom_copy .w1200 div{text-align: left;}
.bottom_copy {width: 100%; height: 50px; line-height: 50px; color: #ccc;font-size: 12px;text-align:center;background:#222;}
.bottom_copy span{display:inline-block; padding-left:8px; }
.bottom_copy a {display:inline-block;color: #ccc; padding-left:6px;}
.bottom_copy a:hover {opacity:0.9;filter:alpha(opacity=90);color:#fff;}
.bottom_copy .copy{float:right;}
.bottom_copy .copy1{float:left;}
.ewmbox {
  width: 300px;
  height: 320px;
  padding-top: 20px;
  background: #fff;
  z-index: 9999;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -170px 0 0 -150px;
  text-align: center;
  font-size: 16px;
  display: none;
}
.ewmbox .close {
  width: 32px;
  height: 32px;
  position: absolute;
  top: -25px;
  right: -40px;
  cursor: pointer;
  border-radius: 100%;
  background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center;
  transition: all ease 300ms;
}
.ewmbox .close:hover {
  transform: rotate(180deg);
}
.ewmbox img {
  width: 260px;
  height: 260px;
  display: block;
  margin: 0 auto 10px;
}

/***********top and bottom css end***********/

/*******index css*******/
.index{background:#fff;}
.index .indexTit{padding-top:56px;}
.index .indexTit .tit{font-size:40px;line-height: 40px;text-align:center;color:#333;}
.index .indexTit .tit em{font-weight:bold;color:#0195df;}
.index .indexTit .subtit{width:599px;height:32px;margin:0 auto;margin-top:16px;background:url("../images/titLine1.png") no-repeat center center;background-size:599px 32px;}
.index .indexTit .kMore{padding-right:24px;margin-top:30px;float:right;font-size:16px;line-height:16px;color:#666;background: url("../images/more.png") no-repeat right center;}
.index .indexTit .kMore:hover{color:#0195df;}

/*询盘*/
.enquiryM{width::100%;height:200px;background:url("../images/enquiryBg.png") no-repeat center center;background-size:100% 200px;}
.enquiryM .left{float:left;}
.enquiryM .txt{padding-top:56px;}
.enquiryM .txt .tit{margin-bottom:20px;font-weight:bold;font-size:32px;line-height:36px;text-align:left;color:#fff;}
.enquiryM .txt .tit em{color:#4bc3ff;}
.enquiryM .txt .subtit{padding-left:20px;margin-top:10px;font-size:18px;line-height:20px;color:#fff;background:url("../images/point.png") no-repeat left center;background-size:8px 8px;}
.enquiryM .right{float:right;}
.enquiryM .webTel{padding-left:34px;margin-top:60px;height:30px;font-family:arial;font-weight:bold;font-size:34px;color:#fff;background:url("../images/tel2.png") no-repeat left center;background-size:26px 26px;}
.enquiryM .online{float:right;display:block;width:200px;height:45px;margin-top:24px;font-weight:bold;font-size:18px;line-height:45px;text-align:center;color:#0181c1;background:url("../images/onlineIco.png") no-repeat center center;background-size:200px 45px;transition:all ease 300ms;}
.enquiryM .online:hover{text-indent:10px;transition:all ease 300ms;}


/*产品中心*/
.index .floor_1_main{position:relative;padding-bottom:100px;background:#fff;}
.index .floor_1 .menu1{position:relative;padding:0 50px;margin-top:60px;}
.index .floor_1 .menu1 .item{float:left;display:block;width:210px;height:40px;margin-right:10px;margin-bottom:10px;font-size:16px;line-height:40px;text-align:center;color:#333;background:#eee;border-radius:5px;}
.index .floor_1 .menu1 .item:hover{background:#0195df;color:#fff;}
.index .floor_1 .menu1 .item .it5,.index .floor_1 .menu .item.it10{margin-right:0;}
.index .floor_1 .left{float:left;width:600px;}
.index .floor_1 .product{margin-top:40px;}
.index .floor_1 .leftPro .item{position:relative;display:block;width:600px;height:225px;}
.index .floor_1 .leftPro .item.itPro1{background:url("../images/proLiBg1.png") no-repeat left center;background-size:316px 225px;} 
.index .floor_1 .leftPro .item.itPro2{background:url("../images/proLiBg2.png") no-repeat right center;background-size:316px 225px;} 
.index .floor_1 .leftPro .item .txt{position:relative;float:left;padding-top:40px;padding-left:40px;width:260px;height:186px;}
.index .floor_1 .leftPro .item .img{float:right;display:block;width:300px;height:226px;}
.index .floor_1 .leftPro .item .img img{display:block;width:300px;height:226px;}
.index .floor_1 .leftPro .item.itPro2 .img{float:left;}
.index .floor_1 .leftPro .item.itPro2 .txt{float:right;}
.index .floor_1 .leftPro .item .txt .tit{font-size:20px;line-height:20px;color:#333;}
.index .floor_1 .leftPro .item .txt .cont{margin-top:20px;width:226px;font-size:14px;line-height:26px;text-align:justify;color:#999;}
.index .floor_1 .leftPro .item .txt i{position:absolute;bottom:40px;left:40px;display:block;width:30px;height:5px;background-position:-180px 0;}
.index .floor_1 .leftPro .item s{width: 16px; height: 32px; position: absolute; right: -16px; top: 50%; margin-top: -16px; z-index: 10; background-position: -320px 0;}
.index .floor_1 .leftPro .item.itPro2 s{right: auto;left: -16px;background-position: -290px 0;}
.index .floor_1 .leftPro .item.itPro2 .img{height:224px;}
.index .floor_1 .leftPro .item:hover .img img{filter:brightness(105%);-webkit-filter:brightness(105%);}
.index .floor_1 .leftPro .item:hover .txt .tit{color:#0195df;}
.index .floor_1 .right{float:left;width:600px;}
.index .floor_1 .iproduct{position:relative;}
.index .floor_1 .iproduct .bd{position:relative;width:598px;height:448px;border:1px solid #d2dee7;overflow:hidden;}
.index .floor_1 .iproduct .bd .item{position:relative;float:left;display:block;width:600px;height:450px;}
.index .floor_1 .iproduct .bd .item a{display:block;}
.index .floor_1 .iproduct .bd .item .img{display:block;width:600px;height:450px;overflow:hidden;}
.index .floor_1 .iproduct .bd .item .img img{display:block;width:600px;height:450px;}
.index .floor_1 .iproduct .bd .item .txt{position:absolute;bottom:0;left:0;display:block;width:600px;height:80px;line-height:80px;background:url("../images/txtBg.png") no-repeat center center;background-size:600px 80px;}
.index .floor_1 .iproduct .bd .item .txt .tit{font-size:20px;line-height:80px;text-indent:30px;color:#fff;}
.index .floor_1 .iproduct .hd{position:absolute;bottom:34px;right:40px;}
.index .floor_1 .iproduct .hd li{margin-left:10px;width: 12px; height: 12px; font-size:0;line-height: 14px; text-align: center; background: #fff; cursor: pointer; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: block; float: left;}
.index .floor_1 .iproduct .hd li.on{background:#58ebca;color:#fff;}

/*经典案例*/
.index .floor_2_main{margin-top:6px;width:100%;height:657px;background:url("../images/caseBg.png") no-repeat center center;background-size:100% 657px;}
.index .floor_2 .indexTit{padding-top:110px;}
.index .floor_2 .indexTit .tit{color:#fff;}
.index .floor_2 .indexTit .tit em{color:#fff;}
.index .floor_2 .indexTit .subtit{background:url("../images/titLine2.png") no-repeat center center;background-size:599px 32px;}
.index .floor_2 .caseList{margin-top:60px;position:relative;}
.index .floor_2 .caseList .item{float:left;display:block;width:280px;height:218px;margin-right:30px;}
.index .floor_2 .caseList .item a{display:block;height:218px;}
.index .floor_2 .caseList .item .img{display:block;width:278px;height:156px;overflow:hidden;}
.index .floor_2 .caseList .item .img img{display:block;width:278px;height:156px;}
.index .floor_2 .caseList .item .txt{height:60px;line-height:60px;background:#fff;transition:background ease 0.36s;} 
.index .floor_2 .caseList .item .txt .tit{height:60px;font-size:16px;line-height:60px;text-indent:30px;color:#333;background:url("../images/arrA.png") no-repeat 92% center;background-size:30px 5px;}
.index .floor_2 .caseList .item:hover .txt{background:#0497e0;transition:background ease 0.36s;}
.index .floor_2 .caseList .item:hover .txt .tit{color:#fff;background:url("../images/arrH.png") no-repeat 92% center;background-size:30px 5px;transition:background ease 0.36s;} 
.index .floor_2 .caseList .hd{position:absolute;width:100%;top:90px;}
.index .floor_2 .caseList .hd span{position:absolute;display:block;width:40px;height:40px;transition:all ease 0.36s;cursor:pointer;}
.index .floor_2 .caseList .hd .prev{left:-80px;background-position:-152px -20px;}
.index .floor_2 .caseList .hd .next{right:-90px;background-position:-194px -20px;}
.index .floor_2 .caseList .hd .prev:hover{background-position:-110px -20px;}
.index .floor_2 .caseList .hd .next:hover{background-position:-236px -20px;}
.index .floor_2 .cMore{display:block;width:198px;height:43px;margin:0 auto;margin-top:40px;font-size:16px;line-height:43px;text-align:center;color:#fff;border:1px solid #cfdce5;transition:all ease 600ms;}
.index .floor_2 .cMore:hover{width:240px;background:#cfdce5;color:#fff;transition:all ease 600ms;}

/*六大优势*/
.index .floor_3_main{padding-bottom:80px;background:#fff;}
.index .floor_3 .indexTit{padding-top:80px;}
.index .floor_3 .advantList{margin-top:60px;}
.index .floor_3 .advantList .list{width:112%;}
.index .floor_3 .advantList .item{float:left;position:relative;display:block;width:610px;height:288px;margin:0 auto;margin-bottom:2px;background:url("../images/adLiBg1.png") no-repeat center center;background-size:610px 288px;cursor:pointer;transition:all ease 600ms;}
.index .floor_3 .advantList .item .txt{padding-top:50px;margin-left:50px;}
.index .floor_3 .advantList .item .txt .tit{font-weight:bold;font-size:32px;line-height:46px;color:#333;}
.index .floor_3 .advantList .item .txt .tit em{display:block;color:#0195df;}
.index .floor_3 .advantList .item .txt .cont{margin-top:36px;font-size:18px;line-height:30px;color:#666;}
.index .floor_3 .advantList .item .txt .cont em{display:block;}
.index .floor_3 .advantList .item .sIco{position:absolute;top:40px;right:50px;display:block;width:100px;height:100px;transition:all ease 600ms;}
.index .floor_3 .advantList .item:hover{transform: translateY(-6px);transition:all ease 600ms;}
.index .floor_3 .advantList .item:hover .sIco{transform: rotate(180deg);transition:all ease 600ms;}
.index .floor_3 .advantList .item.ad2,.index .floor_3 .advantList .item.ad3,.index .floor_3 .advantList .item.ad6{background:url("../images/adLiBg2.png") no-repeat center center;}

/*公司介绍*/
.index .floor_4_main{padding-top:90px;padding-bottom:100px;background:#f5f5f5;}
.index .floor_4 .about{height:420px;background:url("../images/aboutC.png") no-repeat bottom right;}
.index .floor_4 .about .aImg{float:left;display:block;width:600px;height:337px;overflow:hidden;transition:all ease 600ms;}
.index .floor_4 .about .aImg img{display:block;width:600px;height:337px;}
.index .floor_4 .about .aImg:hover{transform:translateY(-3px);transition:all ease 600ms;}
.index .floor_4 .about .aImg:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}
.index .floor_4 .aCont{float:left;width:600px;}
.index .floor_4 .aCont .txt{padding-left:50px;padding-top:100px;width:480px;}
.index .floor_4 .aCont .txt .aTit{width:464px;font-weight:bold;font-size:30px;color:#333;background:url("../images/aLine.png") no-repeat right center;}
.index .floor_4 .aCont .txt .aTxt{margin-top:30px;font-size:14px;line-height:30px;text-align:justify;color:#666;}
.index .floor_4 .aCont .txt .kMore{width: 180px;height: 36px;line-height: 36px;margin-top:24px;display: block;text-align: center;background:#444;color:#fff;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.index .floor_4 .aCont .txt .kMore:hover{background: #0195df;color: #fff;text-indent: 10px;}

/*新闻资讯*/
.index .floor_5_main{padding-bottom:100px;background:#fff;}
.index .floor_5 .indexTit{padding-top:76px;}
.index .floor_5 .textlist{width: 800px;margin-top:50px;}
.index .floor_5 .newsBox{margin-top:50px;width: 380px; overflow: hidden; position: relative;border: 1px solid #ddd;}
.index .floor_5 .newsBox .hd{height: 20px; overflow: hidden; position: absolute; left: 40px; bottom: 24px; z-index: 10;}
.index .floor_5 .newsBox .hd ul{overflow: hidden; zoom: 1;}
.index .floor_5 .newsBox .hd li{margin-right: 14px; width: 12px; height: 12px; font-size:0px;line-height: 14px; text-align: center; background: #999; cursor: pointer; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: block; float: left;}
.index .floor_5 .newsBox .hd li.on{background: #0195df; color: #fff;}
.index .floor_5 .newsBox .bd li{zoom: 1; vertical-align: middle; position: relative; height: 426px; overflow: hidden;}
.index .floor_5 .newsBox .bd li img{width: 380px; height: 213px; display: block;}
.index .floor_5 .newsBox .bd li h3{display: block; font-size: 18px; color: #000;}
.index .floor_5 .newsBox .bd li .txt{z-index: 5; padding: 40px 38px;  border-top: 0 none; height: 132px;}
.index .floor_5 .newsBox .bd li p{padding: 0;margin-top:20px;color: #666; line-height: 24px; height: 50px; overflow: hidden;}
.index .floor_5 .newsBox .bd li .time{font-size: 16px; padding-right: 30px; padding-top: 28px;}
.index .floor_5 .newsBox .bd li:hover h3{color: #0195df;}
.index .floor_5 .newsBox .bd li:hover img{filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.index .floor_5 .textlist .item{height:126px;border: 1px solid #ddd; margin-bottom: 22px; transition: all 0.2s linear 0s;}
.index .floor_5 .textlist .item a{display: block;padding: 24px 28px 32px;}
.index .floor_5 .textlist .item h3{font-size: 18px; line-height:18px;vertical-align: top;color:#333;}
.index .floor_5 .textlist .item p{margin-top:12px;font-size: 14px; line-height: 20px; color: #999;}
.index .floor_5 .textlist .item .time{display: block; width: 90px; height: 66px; border-right: 1px solid #ddd; line-height: 20px; margin-right: 30px; color: #666;}
.index .floor_5 .textlist .item .time b{font-family:arial;color: #666; display: block; font-size: 48px; line-height: 48px;}
.index .floor_5 .textlist .item:hover{border: 1px solid #ddd; -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.index .floor_5 .textlist .item:hover h3{color:#0195df;}
.index .floor_5 .more{width: 180px;height: 36px;line-height: 36px;margin:0 auto;margin-top:40px;display: block;text-align: center;background:#444;color:#fff;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.index .floor_5 .more:hover{background: #0195df;color: #fff;text-indent: 10px;}

/*index css end*/

/*经典案例*/
.casePage{padding-top:20px;}
.casePage .caseList{width: 105%; position: relative;}
.casePage .caseList .item{width: 390px; float: left; position: relative; margin: 0 16px 28px 0; transition: all ease 300ms; background: #f7f7f7;}
.casePage .caseList .item a{width: 100%; display: block; padding: 0 0 26px;}
.casePage .caseList .item img{width: 390px; height: 220px; margin-bottom: 20px; display: block;}
.casePage .caseList .item h3{height: 45px; line-height: 45px; padding: 0 16px; overflow: hidden; font-size: 22px; color: #333; transition: all ease 300ms;}
.casePage .caseList .item s{border-style: dashed dashed solid dashed; border-color: transparent transparent #f7f7f7 transparent; border-width: 20px; width: 0; height: 0; overflow: hidden; position: absolute; left: 42px; top: 180px;}
.casePage .caseList .item .txt{padding: 0 16px; line-height: 28px; height: 56px; overflow: hidden; color: #888888;}
.casePage .caseList .item:hover{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
.casePage .caseList .item:hover h3{color: #0195df;}
.casePage .caseList .item:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}

/*荣誉资质*/
.companyPage{padding-top:20px;padding-bottom:50px;}
.companyPage .honorList .list{width: 106%;}
.companyPage .honorList .list .item{width: 380px;float: left;margin: 0 30px 30px 0;background: #fff;position: relative;overflow: hidden;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;border:1px solid #ddd;}
.companyPage .honorList .list .item a{width: 100%; display: block;cursor:pointer;}
.companyPage .honorList .list .item img{width: 380px;height: 285px;display: block;}
.companyPage .honorList .list .item .tit{width: 348px; height: 60px; line-height: 60px; text-align: center; font-size: 16px; border-top:1px solid #ddd; color:#333;-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.companyPage .honorList .list .item:hover{background: #0195df; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.companyPage .honorList .list .item:hover h3{color: #fff;border-color:#0195df;}
.companyPage .honorList .list .item:hover .img{-webkit-filter:brightness(105%);filter:brightness(105%);}

/* pager */
.pager{padding: 30px 0 0px; margin-top:30px;text-align: center;}
.pager:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.pager{*zoom: 1;}
.pager p{height: 26px; line-height: 26px; float: left; display: none;}
.pager ul{overflow: hidden; margin: 0 auto; text-align: center;}
.pager ul li{padding: 0 !important; height: auto !important; border: none !important; display: inline-block; *display: inline; zoom: 1;margin: 0 5px;    box-shadow: 0px 1px 10px #e4e3e3;}
.pager ul a{margin: 0 1px; padding: 0 32px; height: 34px; line-height: 34px; text-decoration: none; float: left; background: #fff;border-radius:3px;}
.pager ul a.current{background-color: #0195df; color: #fff;border-color:#0195df;}
.pager ul a.current:hover{background-color: #0195df; color: #fff;border-color:#0195df;}
.pager ul a:hover{background: #0195df; color: #fff;border-color:#0195df;}
.pager ul a.current{padding: 0 18px;}

/*联系我们*/
.contactPage{padding-bottom:80px!important;}
.contactPage .mapArea{border:1px solid #ddd;}
.contactPage .t2{padding: 58px 0 48px; text-align: center;}
.contactPage .t2 .titb{font-size: 30px; margin-bottom: 16px;}
.contactPage .t2 .txt{font-size: 14px; line-height: 24px;}
.contactPage .t2 .txt span{font-weight: bold; color: #0195df;}
.contactPage .formData1{padding-bottom: 20px;}
.contactPage .formData1 .item{float: left; color: #999; font-weight: normal; width: 378px; height: 35px; line-height: 35px; border: 1px solid #e5e5e5; margin-right: 30px; margin-bottom: 20px; position: relative;}
.contactPage .formData1 .item label{padding-left: 15px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 35px; line-height: 35px; font-size: 14px; color: #cccccc;}
.contactPage .formData1 .item input{outline: none; line-height: 35px; height: 35px; font-size: 14px;}
.contactPage .formData1 .item .txt{width: 328px; height: 35px; line-height: 35px; display: block; background: none; padding-left: 50px; border: 0 none; color: #333; font-size: 14px;}
.contactPage .formData1 .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.contactPage .formData1 .item.mr0{margin-right: 0;}
.contactPage .formData1 .msg-box{position: absolute; left: 0; top: 0px;}
.contactPage .formData1 .liuyan{width: 1198px; height: 180px; border: 1px solid #e5e5e5; float: left;}
.contactPage .formData1 .liuyan label{text-align: right; top: 5px; display: block;}
.contactPage .formData1 .liuyan textarea{width: 1178px; height: 154px; line-height: 28px; padding: 10px 10px; text-indent: 70px; font-size: 14px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.contactPage .formData1 .bot{width: 100%; float: left;}
.contactPage .formData1 .sub{width: 232px; height: -4px; line-height: 38px; border: 2px solid #0195df; text-align: center; background: #0195df; color: #FFF; cursor: pointer; font-size: 18px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; margin: 0 auto;}
.contactPage .formData1 .sub:hover{background: none; color: #0195df;}
.contactPage .formData1 .yzm{width: 432px;}
.contactPage .formData1 .yzm .txt{padding-left: 80px;}
.contactPage .formData1 .yzm img{position: absolute; right: 0; top: 0; height: 50px; border: 0px; display: block;}


/*txtlist*/
.txtlist {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.txtlist .list {
  width: 120%;
  position: relative;
}
.txtlist li {
  width: 300px;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  float: left;
  margin-right: 70px;
}
.txtlist li a {
  width: 100%;
  display: block;
}
.txtlist li s {
  width: 4px;
  height: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
  border-radius: 100%;
  background: #333333;
  margin-right: 10px;
}
.txtlist li .time {
  float: right;
}
.banner_main {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.banner {
  width: 100%;
  min-width: 1000px;
  padding: 33.85% 0 0;
  z-index: 20;
  position: relative;
  overflow: hidden;
}
.banner .list {
  width: 100%;
}
.banner li {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
  background: #fff;
}
.banner li a {
  width: 100%;
  display: block;
  height: 100%;
}
.banner li img {
  width: 100%;
  display: block;
  position: relative;
  left: 0;
  top: 0;
}
.banner .tip {
  width: 100%;
  height: 12px;
  position: absolute;
  left: 0;
  bottom: 25px;
  z-index: 10;
  text-align: center;
}
.banner .tip span {
  width: 52px;
  height: 2px;
  margin: 0 8px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  transition: all ease 300ms;
  background: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.banner .tip span.cur {
  width: 90px;
  background: #55ecca;
}
.banner .prev,
.banner .next {
  width: 36px;
  height: 80px;
  position: absolute;
  z-index: 12;
  top: 50%;
  margin-top: -40px;
  background: url(../images/banner-ico.png) no-repeat 6px 4px;
  cursor: pointer;
}
.banner .prev {
  left: 80px;
}
.banner .prev:hover {
  background-position: 6px -98px;
}
.banner .next {
  right: 80px;
  background-position: -88px 4px;
}
.banner .next:hover {
  background-position: -88px -98px;
}


/*prolist*/
.prolist {
  width: 105%;
}
.prolist .item {
  width: 380px;
  float: left;
  margin: 0 25px 30px 0;
  border: 1px solid #eee;
  background: #eee;
  position: relative;
  overflow: hidden;
  transition: all ease 300ms;
}
.prolist .item a {
  width: 100%;
  display: block;
}
.prolist .item img {
  width: 380px;
  height: 285px;
  display: block;
}
.prolist .item h3 {
  width: 100%;
  height: 64px;
  line-height: 64px;
  text-align: center;
  font-size: 16px;
  transition: all ease 300ms;
}
.prolist .item .bg {
  position: absolute;
  width: 380px;
  padding-top: 134px;
  height: 151px;
  left: -380px;
  top: 0;
  z-index: 10;
  background: url(../images/blue80.png) repeat 0 0;
  text-align: center;
  transition: all ease 300ms;
}
.prolist .item .bg s {
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 100%;
  margin: 0 auto;
  background-color: #fff;
  background-position: -42px -112px;
}
.prolist .item:hover {
  background: #666;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.prolist .item:hover h3 {
  color: #fff;
}
.prolist .item:hover .bg {
  left: 0;
}
.gridlist {
  width: 105%;
  position: relative;
}
.gridlist .item {
  width: 283px;
  float: left;
  border: 1px solid #dcdcdc;
  margin: 0 20px 20px 0;
  overflow: hidden;
}
.gridlist .item a {
  width: 100%;
  display: block;
}
.gridlist .item img {
  width: 283px;
  height: 212px;
  border-bottom: 1px solid #dcdcdc;
  display: block;
}
.gridlist .item h3 {
  text-align: center;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  overflow: hidden;
}
.gridlist .item:hover {
  border-color: #0195df;
}
.gridlist .item:hover h3 {
  color: #0195df;
}
.gridlist.gridlist9 .item img {
  width: 283px;
  height: 161px;
}
.cooperlist {
  width: 105%;
  position: relative;
}
.cooperlist .item {
  width: 283px;
  float: left;
  border: 1px solid #dcdcdc;
  margin: 0 20px 20px 0;
  overflow: hidden;
  transition: all ease 300ms;
}
.cooperlist .item a {
  width: 100%;
  display: block;
}
.cooperlist .item img {
  width: 283px;
  height: 212px;
  display: block;
  border-bottom: 1px solid #dcdcdc;
}
.cooperlist .item h3 {
  text-align: center;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  overflow: hidden;
}
.cooperlist .item:hover {
  border-color: #0195df;
}
.cooperlist .item:hover h3 {
  color: #0195df;
}

/*txtlist*/
.txtlist {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.txtlist .list {
  width: 120%;
  position: relative;
}
.txtlist li {
  width: 300px;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  float: left;
  margin-right: 70px;
}
.txtlist li a {
  width: 100%;
  display: block;
}
.txtlist li s {
  width: 4px;
  height: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -1px;
  border-radius: 100%;
  background: #333333;
  margin-right: 10px;
}
.txtlist li .time {
  float: right;
}
/************content************/
.nyIcon {
  background: url(../images/nyIcon.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.nbody .header_main {
  position: relative;
}
/*wrapper*/
.noinfo {
  width: 100%;
  padding: 0 3%;
}
.noinfo img {
  display: block;
  margin: 0 auto;
}
.wrapper {
  padding: 0 0 36px;
  position: relative;
  min-height: 750px;
}
/*nybanner*/
.nybanner {
  width: 100%;
  height: 250px;
  line-height: 42px;
  position: relative;
  overflow: hidden;
  background-position: center top;
  background-repeat: no-repeat;
  color: #fff;
}
.nybanner h3 {
  font-size: 34px;
  padding: 70px 0 6px;
}
.nybanner .en {
  font-size: 40px;
  font-family: arial;
  font-weight: bold;
}
.nybanner .line {
  width: 50px;
  height: 2px;
  display: block;
  background: #fff;
  margin-top: 10px;
}
/*menu*/
.menu {
  width: 100%;
  height: 58px;
  line-height: 58px;
  position: relative;
  margin-bottom: 30px;
  /*border-bottom: 1px solid #ddd;*/
  border-top: 1px solid #ddd;
  box-shadow:0px 3px 18px #f0f0f0;
}
.menu .list {
  width: 1200px;
  padding-left: 0;
  margin: 0 auto;
}
.menu li {
  height: 58px;
  float: left;
  margin-right: 30px;
}
.menu li .nav1 {
  height: 58px;
  line-height: 58px;
  position: relative;
  font-size: 15px;
  display: block;
  text-align: center;
}
.menu li .nav1 s {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 2px;
  background: #0195df;
  display: none;
}
.menu li .subMenu {
  position: absolute;
  left: 50%;
  display: none;
  margin-left: -600px;
  top: 82px;
}
.menu li .subMenu a {
  width: 159px;
  height: 38px;
  line-height: 38px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: block;
  float: left;
  text-align: center;
  border: 1px solid #dddddd;
  transition: all ease 300ms;
  background: #f8f8f8;
  color: #333333;
}
.menu li .subMenu a:hover,
.menu li .subMenu a.hover {
  background: #ffffff;
  border-color: #0195df;
  color: #0195df;
}
.menu li:hover,
.menu li.hover {
  border-right-color: #0195df;
}
.menu li:hover .nav1,
.menu li.hover .nav1 {
  color: #0195df;
}
.menu li:hover .nav1 s,
.menu li.hover .nav1 s {
  display: block;
}
.menu li.hover .subMenu {
  display: block;
}
/*sitepath*/
.sitepath {
  height: 50px;
  line-height: 50px;
  position: absolute;
  width: 500px;
  text-align: right;
  left: 50%;
  margin-left: 100px;
  top: 5px;
  font-size: 12px;
}
.sitepath s {
  width: 18px;
  height: 15px;
  background-position: 2px -66px;
  margin-right: 4px;
}
/* reLink */
.reLink {
  height: 48px;
  line-height: 48px;
  padding: 0 15px;
  border: 1px solid #dddddd;
}
.reLink .nextLink,
.reLink .prevLink {
  width: 50%;
  color: #666;
}
.reLink .nextLink {
  text-align: right;
}
.reLink a {
  display: block;
  transition: all ease 300ms;
}
.reLink a:hover {
  color: #0195df;
}
/*n-gridlist*/
.n-gridlist {
  width: 105%;
}
.n-gridlist .item {
  width: 380px;
  float: left;
  margin: 0 30px 30px 0;
  background: #fff;
  position: relative;
  overflow: hidden;
  transition: all ease 300ms;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.n-gridlist .item a {
  width: 100%;
  display: block;
}
.n-gridlist .item img {
  width: 380px;
  height: 285px;
  display: block;
}
.n-gridlist .item h3 {
  width: 100%;
  height: 64px;
  line-height: 64px;
  text-align: center;
  font-size: 16px;
  transition: all ease 300ms;
}
.n-gridlist .item .bg {
  position: absolute;
  width: 380px;
  padding-top: 116px;
  height: 169px;
  left: -380px;
  top: 0;
  z-index: 10;
  background: url(../images/red80.png) repeat 0 0;
  text-align: center;
  transition: all ease 300ms;
}
.n-gridlist .item .bg s {
  width: 64px;
  height: 64px;
  display: block;
  border-radius: 100%;
  margin: 0 auto;
  background-position: 0 -32px;
}
.n-gridlist .item:hover {
  background: #f5f5f5;
}
.n-gridlist .item:hover h3 {
  color: #0195df;
}
.n-gridlist .item:hover .bg {
  left: 0;
}
/*n-tit*/
.n-tit {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.n-tit h3 {
  line-height: 35px;
  font-size: 24px;
}
.n-tit s {
  width: 4px;
  height: 22px;
  margin-right: 15px;
  background: #0195df;
  display: inline-block;
  vertical-align: middle;
}
.n-tit .more {
  font-size: 16px;
}
/*relateNews*/
.relateNews {
  padding: 55px 0 0;
  width: 100%;
  overflow: hidden;
}
.relateNews .list {
  width: 120%;
}
.relateNews .list li {
  width: 567px;
  float: left;
  margin-right: 65px;
  margin-bottom: 20px;
}
.relateNews .list li a {
  display: block;
  width: 100%;
}
.relateNews .list li img {
  width: 200px;
  height: 112px;
  display: block;
  float: left;
  margin-right: 20px;
}
.relateNews .list li h3 {
  line-height: 24px;
  height: 24px;
  padding-top: 5px;
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}
.relateNews .list li .txt {
  height: 48px;
  line-height: 24px;
  color: #666;
  overflow: hidden;
  margin-bottom: 6px;
}
.relateNews .list li .time {
  color: #999999;
  font-family: arial;
}
.relateNews .list li:hover h3 {
  color: #0195df;
}
.relateNews .gridlist {
  width: 106%;
}
.relateNews .prolist {
  padding-left: 3px;
}
/*aboutPage*/
.aboutPage {
  padding-top:20px;
  padding-bottom:0;
  width: 1200px;
  margin: 0 auto;
  background: #fff;
}
.aboutPage .txtcon img {
  max-width: 100%;
}
.aboutPage .mapArea {
  width: 100%;
  height: 400px;
  margin-top: 20px;
}
.aboutPage .mapArea #allmap {
  width: 100%;
  height: 400px;
}
.productPage {
  overflow: hidden;
  position: relative;
  padding-top:20px;
  padding-bottom:80px;
}
.productPage .gridlist,
.productPage .marketList {
  width: 105%;
}
/*newsPage*/
.newsPage {padding-top:20px;padding-bottom:80px;}
.newsPage .item {
  width: 100%;
  height: 150px;
  padding: 30px 0;
  transition: all ease 300ms;
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.newsPage .item:first-child {
  padding-top: 0;
}
.newsPage .item a {
  width: 100%;
  display: block;
}
.newsPage .item img {
  width: 266px;
  height: 150px;
  display: block;
  margin-right: 30px;
}
.newsPage .item h3 {
  font-size: 20px;
  padding: 24px 0 20px;
  transition: all ease 300ms;
}
.newsPage .item .txt {
  color: #999999;
  line-height: 24px;
  height: 48px;
  padding-right: 130px;
  overflow: hidden;
}
.newsPage .item .time {
  width: 150px;
  padding-top: 38px;
  font-family: arial;
  font-size: 20px;
  color: #999;
}
.newsPage .item .time .day {
  font-size: 36px;
  line-height: 45px;
  display: block;
}
.newsPage .item:hover h3 {
  color: #0195df;
  text-indent: 5px;
}
.newsPage .item:hover .time .day span {
  background: #6d6d6d;
}
.newsPage .item:hover .time .day strong {
  background: #ff0000;
  color: #fff;
}
.newsPage .item:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}
.newsPage .searchlist .item img {
  width: auto;
}
/*showNews*/
.showNews {
  padding: 30px 0;
  width: 1200px;
  margin: 0 auto;
}
.showNews img {
  max-width: 100%;
}
.showNews .title {
  color: #333333;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
  font-size: 22px;
}
.showNews .mark {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 15px 0 20px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  text-align: center;
}
.showNews .mark span {
  margin: 0 10px;
  font-size: 12px;
  color: #666666;
}
.showNews .showContxt {
  padding: 0 0 30px;
  line-height: 30px;
}
.showNews .showContxt img {
  max-width: 100%;
}
.shareNew {
  padding-bottom: 25px;
}
/*showProduct*/
/*****showProduct****/
.showProduct .showImg {
  position:relative;
  padding-bottom: 40px;
}
.showProduct .photo {
  width: 502px;
  position: relative;
  height: 450px;
}
.showProduct .photo .jqzoom {
  width: 502px;
  height: 450px;
  overflow: hidden;
  position: relative;
  padding: 0px;
  cursor: pointer;
}
.showProduct .photo .zoomdiv {
  z-index: 999;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #ffffff;
  border: 1px solid #ddd;
  display: none;
  text-align: center;
  overflow: hidden;
}
.showProduct .photo .jqZoomPup {
  z-index: 999;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid #eee;
  background: #fff;
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  filter: alpha(opacity=50);
}
.showProduct .photo .img {
  width: 500px;
  height: 375px;
  display: block;
}
.showProduct .photo .bigimg {
  width: 500px;
  height: 375px;
  border: 1px solid #eee;
  display: block;
  position: relative;
  overflow: hidden;
}
.showProduct .photo .bigimg .list {
  width: 1000%;
  position: relative;
}
.showProduct .photo .bigimg .list li {
  width: 500px;
  height: 375px;
  float: left;
}
.showProduct .photo .bigimg .list img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 300ms;
}
.showProduct .photo .photoimg {
  width: 500px;
  height: 56px;
  padding: 10px 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
.showProduct .photo .photoimg .list {
  width: 424px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.showProduct .photo .photoimg .listcon {
  width: 300%;
  position: relative;
}
.showProduct .photo .photoimg .listcon li {
  width: 74px;
  height: 56px;
  cursor: pointer;
  display: block;
  float: left;
  margin-right: 12px;
}
.showProduct .photo .photoimg .listcon li img {
  width: 74px;
  height: 56px;
  display: block;
}
.showProduct .photo .photoimg .listcon li:hover img,
.showProduct .photo .photoimg .listcon li.on img {
  border: 2px solid #3bb79b;
  width: 70px;
  height: 52px;
}
.showProduct .photo .photoimg .prev,
.showProduct .photo .photoimg .next {
  width: 20px;
  height: 56px;
  z-index: 10;
  position: absolute;
  top: 10px;
  cursor: pointer;
  background: #f3f3f3 url(../images/show-pro-btn.png) no-repeat 0 center;
}
.showProduct .photo .photoimg .prev:hover,
.showProduct .photo .photoimg .next:hover {
  background-color: #ddd;
}
.showProduct .photo .photoimg .prev {
  left: 0px;
  background-position: 5px center;
}
.showProduct .photo .photoimg .next {
  right: 0px;
  background-position: -67px center;
}
.showProduct .imgtxtcon {
  width: 650px;
  float: left;
}
.showProduct .imgtxtcon .tit {
  font-size: 24px;
  color: #000;
  padding: 0 25px 5px;
  line-height: 30px;
}
.showProduct .imgtxtcon .line {
  width: 55px;
  height: 3px;
  background: #0195df;
  display: block;
  margin: 14px 0 16px 25px;
}
.showProduct .imgtxtcon p {
  padding: 25px 0 0 25px;
  color: #999999;
  font-size: 12px;
}
.showProduct .imgtxtcon .tit2 {
  color: #666;
  padding: 0 25px;
  font-size: 16px;
  line-height: 24px;
  height: auto;
  margin-bottom: 20px;
}
.showProduct .imgtxtcon .tit2 span{
  word-break: break-word;
}
.showProduct .imgtxtcon .tit2 strong {
  color: #333;
}
.showProduct .imgtxtcon .txt2 {
  line-height: 24px;
  height: 120px;
  overflow: hidden;
  margin-left: 25px;
  margin-bottom: 20px;
}
.showProduct .imgtxtcon .txt2 strong {
  display: block;
  color: #333;
  margin-bottom: 3px;
}
.showProduct .imgtxtcon .txt3 {
  margin-left: 25px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  margin-bottom: 15px;
}
.showProduct .imgtxtcon .txt3 strong {
  color: #333;
}
.showProduct .imgtxtcon .txt {
  padding: 10px 25px 14px;
  line-height: 35px;
  background: #f1f1f1;
}
.showProduct .imgtxtcon .tel {
  margin: 0 25px;
  border-top: 1px dotted #ddd;
  padding: 20px 0;
}
.showProduct .imgtxtcon .tel span {
  color: #000;
  display: block;
}
.showProduct .imgtxtcon .tel strong {
  display: block;
  font-family: impact;
  color: #0195df;
  font-weight: normal;
  font-size: 40px;
  height: 46px;
  line-height: 46px;
}
.showProduct .imgtxtcon .btn1,
.showProduct .imgtxtcon .btn2 {
  float: left;
  margin-right: 20px;
  font-size: 16px;
  transition: all ease 300ms;
  width: 135px;
  height: 38px;
  line-height: 38px;
  margin-left: 25px;
  text-align: center;
  color: #fff;
}
.showProduct .imgtxtcon .btn1:hover,
.showProduct .imgtxtcon .btn2:hover {
  background: #444;
}
.showProduct .imgtxtcon .btn1 {
  background: #0195df;
}
.showProduct .imgtxtcon .btn2 {
  text-align: center;
  margin-right: 0;
  margin-left: 0;
  background: #3bb79b;
}
.showProduct .showp_txt {
  padding-bottom: 20px;
}
.showProduct .showp_txt table{width:100%!important;}
.showProduct .showContxt {
  padding: 0 0 30px;
  line-height: 30px;
}
.showProduct .showContxt img {
  max-width: 100%;
}
/*msgPage*/
.msgPage {
  padding: 55px 40px 55px;
  width: 1120px;
  margin: 0 auto;
  background: #fff;
}
.formData .item {
  float: left;
  color: #999;
  font-weight: normal;
  width: 378px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #e5e5e5;
  margin-right: 30px;
  margin-bottom: 20px;
  position: relative;
}
.formData .item label {
  padding-left: 15px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  text-align: center;
  display: block;
  margin: 0;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #cccccc;
}
.formData .item input {
  outline: none;
  line-height: 35px;
  height: 35px;
  font-size: 14px;
}
.formData .item .txt {
  width: 328px;
  height: 35px;
  line-height: 35px;
  display: block;
  background: none;
  padding-left: 50px;
  border: 0 none;
  color: #333;
  font-size: 14px;
}
.formData .item .red {
  position: absolute;
  right: 15px;
  top: 0;
  color: #ff0000;
  z-index: 11;
}
.formData .item.mr0 {
  margin-right: 0;
}
.formData .item.mw .txt {
  width: 293px;
  padding-left: 85px;
}
.formData .msg-box {
  position: absolute;
  left: 0;
  top: 0px;
}
.formData .liuyan {
  width: 1198px;
  height: 180px;
  border: 1px solid #e5e5e5;
  float: left;
}
.formData .liuyan label {
  text-align: right;
  top: 5px;
  display: block;
}
.formData .liuyan textarea {
  width: 1178px;
  height: 154px;
  line-height: 28px;
  padding: 10px 10px;
  text-indent: 70px;
  font-size: 14px;
  font-family: "microsoft yahei";
  color: #333;
  border: 0 none;
  overflow: hidden;
  background: none;
  resize: none;
  display: block;
  outline: none;
}
.formData .bot {
  width: 100%;
  float: left;
}
.formData .sub {
  width: 232px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #0195df;
  color: #FFF;
  cursor: pointer;
  font-size: 18px;
  display: block;
  transition: all ease 300ms;
  margin: 0 auto;
}
.formData .sub:hover {
  background: #3bb79b;
}
.formData .yzm {
  width: 432px;
}
.formData .yzm .txt {
  padding-left: 80px;
}
.formData .yzm img {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  border: 0px;
  display: block;
}
/*searchPage*/
.searchPage {
  overflow: hidden;
}
.searchPage ul {
  width: 105%;
}
.searchPage .item {
  width: 280px;
  height: 274px;
  float: left;
  margin: 0 25px 30px 0;
  background: #fff;
  position: relative;
  overflow: hidden;
  transition: all ease 300ms;
}
.searchPage .item a {
  width: 100%;
  display: block;
}
.searchPage .item img {
  width: 280px;
  height: auto;
  display: block;
}
.searchPage .item h3 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 64px;
  line-height: 64px;
  text-align: center;
  font-size: 16px;
  transition: all ease 300ms;
  background: #fff;
}
.searchPage .item .bg {
  position: absolute;
  width: 280px;
  padding-top: 86px;
  height: 124px;
  left: -280px;
  top: 0;
  z-index: 10;
  background: url(../images/red80.png) repeat 0 0;
  text-align: center;
  transition: all ease 300ms;
}
.searchPage .item .bg s {
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 100%;
  margin: 0 auto;
  background-color: #fff;
  background-position: -22px 18px;
}
.searchPage .item:hover {
  background: #fff;
}
.searchPage .item:hover h3 {
  color: #fff;
  background: #333;
}
.searchPage .item:hover .bg {
  left: 0;
}
.jobPage {
  padding: 0 0 50px;
}
.jobPage .content {
  padding-top: 80px;
}
.jobPage .item {
  border: 1px solid #dcdcdc;
  border-left: 4px solid #0195df;
  padding: 10px 20px 0;
  margin-bottom: 20px;
  position: relative;
}
.jobPage .item .top {
  height: 65px;
  cursor: pointer;
}
.jobPage .item .top span {
  display: inline-block;
}
.jobPage .item .top span.sarry {
  margin-right: 36px;
}
.jobPage .item .top .time {
  color: #999;
}
.jobPage .item .top h3 {
  font-size: 18px;
  font-weight: normal;
}
.jobPage .item .top p {
  display: block;
  color: #666;
}
.jobPage .item .bottom {
  padding-top: 20px;
  border-top: 1px solid #dcdcdc;
  padding-bottom: 20px;
}
.jobPage .item .btn {
  width: 162px;
  height: 58px;
  cursor: pointer;
  position: absolute;
  top: 18px;
  right: -18px;
  text-align: center;
  padding-right: 30px;
  line-height: 40px;
  color: #fff;
  background: url(../images/jobbtn.png) no-repeat 0 0;
  display: none;
}
.jobPage .item.hover .btn {
  display: block;
}
/*rightFix*/
.rightFix {
  width: 48px;
  position: fixed;
  right: 20px;
  top: 50%;
  margin-top: -100px;
  z-index: 99;
}
@media (max-width: 1366px) {
  .rightFix {
    right: 8px;
  }
}
.rightFix .ico {
  width: 48px;
  height: 48px;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0px;
  transition: all ease 300ms;
  margin-top: 1px;
  padding: 0px;
  border-radius: 48px;
  border: 1px solid #dedede;
  margin-bottom: 5px;
  background: #ffffff url(../images/fix-ico.png) no-repeat center 0;
}
.rightFix .ico img {
  width: 110px;
  height: 110px;
  position: absolute;
  left: -78px;
  top: 0;
  padding: 6px;
  background: #0195df;
  border: 1px solid #ddd;
  background: #fff;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 5px;
}
.rightFix .ico span {
  width: 210px;
  text-align: center;
  height: 48px;
  line-height: 48px;
  position: absolute;
  left: -78px;
  top: 0;
  background: #0195df;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 18px;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease-in-out 0.2s;
  border-radius: 48px;
}
.rightFix .ico:hover {
  background-color: #0195df;
  border-color: #0195df;
  overflow: visible;
}
.rightFix .ico:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -140px;
}
.rightFix .ico:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
  left: -215px;
}
.rightFix .fix-tel {
  background-position: 11px 12px;
}
.rightFix .fix-tel:hover {
  background-position: -33px 12px;
}
.rightFix .fix-qq {
  background-position: 11px -40px;
}
.rightFix .fix-qq:hover {
  background-position: -33px -40px;
}
.rightFix .fix-ewm {
  background-position: 11px -96px;
}
.rightFix .fix-ewm:hover {
  background-position: -33px -96px;
}
.rightFix .fix_top {
  background-position: 11px -150px;
}
.rightFix .fix_top:hover {
  background-position: -33px -150px;
}
.rightFix .fix-form {
  background-position: 10px -234px;
}
.rightFix .fix-form span {
  font-size: 14px;
  line-height: 23px;
  width: 180px;
}
.rightFix .fix-form:hover {
  background-position: -37px -234px;
}
.map_ul {
  list-style: outside none none;
  display: block;
  width: 100%;
  padding-top: 10px;
}
.map_ul li {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #DCDBDB;
  margin-left: 10px;
  float: left;
}
.map_ul li a {
  font-size: 14px;
  float: left;
  width: 100%;
  height: 23px;
  line-height: 23px;
  font-weight: bold;
}
.map_ul .list-inline {
  display: block;
  margin-left: 7%;
  width: 80%;
  min-height: 30px;
}
.map_ul .list-inline a {
  font-weight: normal;
  width: auto;
  float: none;
  line-height: 32px;
  height: 32px;
  margin: 0 10px 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0px 10px;
}
.map_ul .list-inline a:hover {
  background: #0195df;
  color: #fff;
}
span.bds_more,
.bds_tools a {
  line-height: 14px !important;
}
/**************
 *  Animations for content elements
 * **********/
/* 滞后 */
.delay100 {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}
.delay200 {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}
.delay300 {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}
.delay400 {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}
.delay500 {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}
.delay600 {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}
.delay700 {
  -webkit-animation-delay: 700ms;
  animation-delay: 700ms;
}
.delay800 {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}
.delay900 {
  -webkit-animation-delay: 900ms;
  animation-delay: 900ms;
}
.delay1000 {
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}
.delay1100 {
  -webkit-animation-delay: 1100ms;
  animation-delay: 1100ms;
}
.delay1200 {
  -webkit-animation-delay: 1200ms;
  animation-delay: 1200ms;
}
.delay1300 {
  -webkit-animation-delay: 1300ms;
  animation-delay: 1300ms;
}
.delay1400 {
  -webkit-animation-delay: 1400ms;
  animation-delay: 1400ms;
}
.delay1500 {
  -webkit-animation-delay: 1500ms;
  animation-delay: 1500ms;
}
.delay1600 {
  -webkit-animation-delay: 1600ms;
  animation-delay: 1600ms;
}
.delay1700 {
  -webkit-animation-delay: 1700ms;
  animation-delay: 1700ms;
}
.delay1800 {
  -webkit-animation-delay: 1800ms;
  animation-delay: 1800ms;
}
.delay1900 {
  -webkit-animation-delay: 1900ms;
  animation-delay: 1900ms;
}
.delay2000 {
  -webkit-animation-delay: 2000ms;
  animation-delay: 2000ms;
}
.delay2100 {
  -webkit-animation-delay: 2100ms;
  animation-delay: 2100ms;
}
.delay2200 {
  -webkit-animation-delay: 2200ms;
  animation-delay: 2200ms;
}
.delay2300 {
  -webkit-animation-delay: 2300ms;
  animation-delay: 2300ms;
}
.delay2500 {
  -webkit-animation-delay: 2500ms;
  animation-delay: 2500ms;
}
.delay2700 {
  -webkit-animation-delay: 2700ms;
  animation-delay: 2700ms;
}
.delay2900 {
  -webkit-animation-delay: 2900ms;
  animation-delay: 2900ms;
}
.delay3000 {
  -webkit-animation-delay: 3000ms;
  animation-delay: 3000ms;
}
.delay4000 {
  -webkit-animation-delay: 4000ms;
  animation-delay: 4000ms;
}
.delay4500 {
  -webkit-animation-delay: 4500ms;
  animation-delay: 4500ms;
}
.delay5000 {
  -webkit-animation-delay: 5000ms;
  animation-delay: 5000ms;
}
.onactive .animated {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.active .animated.fast {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}
.onactive .flyInDown {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown;
}
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.onactive .flyInRight {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight;
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.onactive .flyInUp {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp;
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.onactive .flyInLeft {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft;
}
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.onactive .opacityI {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes opacityI {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes opacityI {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.onactive .shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -transform: translateY(6px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateY(6px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes shake {
  0% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateY(6px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes shake {
  0% {
    -o-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -o-transform: translateY(6px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@-ms-keyframes shake {
  0% {
    -ms-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -ms-transform: translateY(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -ms-transform: translateY(6px);
  }
  100% {
    -ms-transform: translateY(0);
  }
}
.onactive .zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }
}
.online-zx {
  width: 0;
  background: #202020;
  height: 50px;
  line-height: 50px;
  padding-left: 50px;
  position: fixed;
  left: 0;
  bottom: 200px;
  color: #fff;
}
.online-zx s {
  width: 50px;
  height: 50px;
  cursor: pointer;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/zx-ico.png) no-repeat 8px center;
}
.online-zx a {
  width: 100%;
  height: 50px;
  display: block;
  color: #fff;
}
.online-zx.show {
  width: 0;
  background: #d3ad89;
  width: 98px;
}
.online-zx.show s {
  background-position: -35px center;
}
.BMap_bubble_content {
  line-height: 20px;
}


/* Underline From Center2 */
.hvr-underline-from-center1{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center1:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -1px; background: #0195df; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center1:hover:before,
.hvr-underline-from-center1.hover:before,
.hvr-underline-from-center1:focus:before,
.hvr-underline-from-center1:active:before{left: 0; right: 0;}
.hvr-underline-from-center1:hover,
.hvr-underline-from-center1.hover{*height: 43px; *border-bottom: 3px solid #0195df; *line-height: 43px;}
@-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}}